Font and Align tags

We want the next line of text to stand out on the page, so we will add some special formatting that applies to just that line.

The  tag allows you to specify the font face, the size in relative or absolute pixel values, and the text color. You use the ALIGN attribute to set the horizontal alignment of the text on the page.

To create the Travel back in time paragraph:

Place the cursor on a line below the <HR> tag.
Insert a  tag.
Type Travel back in time! after the  tag.
The tag should look like this:
```
 Travel back in time!
```
Let's use the  editor to complete this tag.
Right-click in the  tag and select Edit Tag from the menu.
Select center from the Align box and click Apply to close the editor.
The ALIGN attribute is added to the tag.
Select the Travel Back In Time! text.
Click the Font button on the Fonts QuickBar to open the  editor.
Choose Red from the Color drop-down list.
Choose +3 from the Relative + drop-down list.
Click the HTML 4.0 tab.
Choose Arial from the top Font Face drop-down list.

Click Apply.

The tag now looks like this:

    <P ALIGN="Center"><FONT FACE="Arial" SIZE="+3" COLOR="Red">
    Travel back in time!</FONT>
    </P>

Break tag

As mentioned, Web browsers ignore line breaks, tabs, and extra spaces in documents. HTML elements such as paragraphs, lists, and headings each set their own spacing, so if additional spacing is needed, it must be coded.

One way to easily set spacing is by entering a  tag. This can be done to break a line or to separate page content.

To insert a line break:

Place the cursor above the Travel back in time! line.
Click the Break button on the Common QuickBar.
Add three more   tags to get the right spacing.
Check the spacing in the browser and adjust it if needed.

The rest of the Archaeology Tours page is laid out as a table, which you'll create in the next set of procedures.

Using HomeSite
Chapter 4 Learning HTML and CSS